<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="/static/plugs/cpjs/src/lib/jquery/jquery_v3.5.1.min.js"></script>
    <script type="text/javascript" src="https://www.layuicdn.com/layui/layui.js"></script>
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<!--头部-->
<div class="header" id="header">
    <div class="layui-container nav">
        <ul class="layui-nav  layui-layout-left">
            <li class="layui-nav-item logo">
                <a href="index.html">
                    lve123.com
                </a>
            </li>
            <li class="layui-nav-item layui-this"><a href="index.html">首页</a></li>
            <li class="layui-nav-item"><a href="blog.html">博客</a></li>
            <li class="layui-nav-item"><a href="shop.html">应用</a></li>
        </ul>
        <ul class="layui-nav layui-layout-right ">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="user_mian.html">
                    <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                    梁静茹给得勇气
                </a>
            </li>
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:openHtml(false,'./login.html','440px','623px');">登陆</a>
            </li>
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:openHtml(false,'./register.html','440px','623px');">注册</a>
            </li>
        </ul>
    </div>
</div>

<div class="shop-main">
    <div class="layui-container">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="panel shop-content">
                    <div class="sc-left">
                        <img src="image/9.jpg" alt="">
                    </div>
                    <div class="sc-right">
                        <h2 class="shop-title"> <strong>新闻门户信息资讯平台网站模板</strong></h2>
                        <div class="shop-attr">
                            <a>粉色</a>
                            <a>show time</a>
                            <a>小清新</a>
                            <a>响应式</a>
                            <a>手机端</a>
                            <a>pc端</a>
                            <a>跨平台</a>
                        </div>
                        <div class="author">
                            <a href="">
                                <div class="avatar">
                                    <img src="image/avatar.jpg" alt="">
                                </div>
                                <div class="author-content">
                                    <p class="username">陈萍萍</p>
                                    <p class="jianjie">好看皮囊千篇一律，有趣的灵魂万里挑一</p>
                                </div>
                                <div class="clear-both"></div>
                                <span class="direction">
                                   <i class="layui-icon layui-icon-right "></i>
                                </span>
                            </a>

                        </div>
                        <div class="playbox">
                            <a href="" class="down">立即下载（30积分）</a>
                            <a href="" class="top-up">积分充值</a>
                        </div>
                        <div class="app-desc">
                            <div class="content">
                                <span class="details-jianjie"><strong>简介:</strong></span>
                                《青于蓝资讯》响应式布局，新闻门户信息资讯平台网站模板，适用于信息量比较大的网站，例如新闻门户网站，各类资讯网站（网赚平台，金融科技，科普教育，知识点分享等）。
                            </div>
                        </div>
                    </div>
                    <div class="clear-both"></div>
                </div>
                <div class="panel sptext-box">
                    <div class="layui-tab layui-tab-brief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">详情</li>
                            <li> 评价</li>
                            <li>购买说明</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show sp-details">
                                《青于蓝资讯》响应式布局，新闻门户信息资讯平台网站模板，适用于信息量比较大的网站，例如新闻门户网站，各类资讯网站（网赚平台，金融科技，科普教育，知识点分享等）。
                                这套模板针对性比较强，自带SEO优化功能，比如针对百度优化来说，新增加的搜索排行，文章内容页关键字词同步标签，网站xml地图，html地图，等等。
                                注：静态页面没有后台，内容页不包含评论
                            </div>
                            <div class="layui-tab-item ">
                                <div class="panel comments">
                                    <div class="ct">
                                        <strong class="ctr">评论</strong>
                                        <span class="renshu">1247</span>
                                        <span>人参，</span>
                                        <span class="comments-number">2543</span>
                                        <span>条评论</span>
                                    </div>
                                    <div class="comments-list">
                                        <ul>
                                            <li>
                                                <div class="cm-left">
                                                    <a href="">
                                                        <img src="image/avatar.jpg" class="ua" alt="">
                                                    </a>
                                                </div>
                                                <div class="cm-right">
                                                    <p class="userattr">
                                                        <span class="username">打爆你的头</span>
                                                        <span class="date">2021年10月25日 14:11</span>
                                                        <button type="button" class="rep">
                                                            <i class="iconfont icon-xiaoxi"></i>
                                                        </button>
                                                    </p>
                                                    <div class="cmcontents">
                                                        <div class="cbox">
                                                            老天是不会辜负，每一位努力的人的尤其是，越努力的人。
                                                        </div>
                                                        <div class="usrepform">

                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="cm-left">
                                                    <a href="">
                                                        <img src="image/avatar.jpg" class="ua" alt="">
                                                    </a>
                                                </div>
                                                <div class="cm-right">
                                                    <p class="userattr">
                                                        <span class="username">打爆你的头</span>
                                                        <span class="date">2021年10月25日 14:11</span>
                                                        <button type="button" class="rep">
                                                            <i class="iconfont icon-xiaoxi"></i>
                                                        </button>
                                                    </p>
                                                    <div class="cmcontents">
                                                        <div class="cbox">
                                                            <span class="urp">@幸福小海豚</span>  老天是不会辜负，每一位努力的人的尤其是，越努力的人。
                                                        </div>
                                                        <div class="usrepform">

                                                        </div>
                                                    </div>
                                                </div>
                                            </li>

                                        </ul>
                                        <div class="page-btn-box">
                                            <button type="button" id="loadcommentsBtn" data-url="./data/comments_list.json" class="layui-btn">点击加载更多</button>
                                        </div>
                                        <div class="comment-form">
                                            <form class="layui-form" action="data/comments.json" method="get">
                                                <div class="layui-form-item">
                                                    <textarea name="content" placeholder="@写下你的评论" id="" cols="30" rows="10" class="layui-textarea"></textarea>
                                                </div>
                                                <div class="layui-form-item">
                                                    <div class="">
                                                        <button class="layui-btn layui-btn-normal   " lay-submit lay-filter="comments">立即提交</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item paysm">
                                积分直接下载
                                注册会员，充值购买点数可直接购买，重复下载不扣分。1积分=1元钱。

                                充值后，如果积分没有立即到帐？请联系客服，除了返相应积分外，还会得到30积分（运气奖）！

                                静态页面 ( 积分30 )
                                网站源码 ( 积分300 )
                                购买方式二：微信咨询客服后购买 ：客服微信476847113

                                技术支持：所有后台源码均可联系客服 免费安装

                                没有会员，请先注册 积分不够？ 请充值积分
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="panel shop-new">
                    <h3><strong>最新上传</strong></h3>
                    <ul class="layui-timeline ns-time-line">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">8月18日</div>
                                <h4>
                                    <a href="">响应式个人博客模板</a>
                                </h4>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">8月18日</div>
                                <h4>
                                    <a href="">响应式个人博客模板</a>
                                </h4>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">8月18日</div>
                                <h4>
                                    <a href="">响应式个人博客模板</a>
                                </h4>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">8月18日</div>
                                <h4>
                                    <a href="">响应式个人博客模板</a>
                                </h4>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">8月18日</div>
                                <h4>
                                    <a href="">响应式个人博客模板</a>
                                </h4>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">8月18日</div>
                                <h4>
                                    <a href="">响应式个人博客模板</a>
                                </h4>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">8月18日</div>
                                <h4>
                                    <a href="">响应式个人博客模板</a>
                                </h4>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">8月18日</div>
                                <h4>
                                    <a href="">响应式个人博客模板</a>
                                </h4>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="panel shop-hot">
                    <h3><strong>热门下载</strong></h3>
                    <ol class="sp-hot-list">
                        <li>
                            <a href="">
                                <i class="iconfont icon-huore"></i>
                                博客内容管理系统
                                <span class="downum">123次下载</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="iconfont icon-huore"></i>
                                博客内容管理系统
                                <span class="downum">123次下载</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="iconfont icon-huore"></i>
                                博客内容管理系统
                                <span class="downum">123次下载</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="iconfont icon-huore"></i>
                                博客内容管理系统
                                <span class="downum">123次下载</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="iconfont icon-huore"></i>
                                博客内容管理系统
                                <span class="downum">123次下载</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="iconfont icon-huore"></i>
                                博客内容管理系统
                                <span class="downum">123次下载</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="iconfont icon-huore"></i>
                                博客内容管理系统
                                <span class="downum">123次下载</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="iconfont icon-huore"></i>
                                博客内容管理系统
                                <span class="downum">123次下载</span>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>


<!--底部-->
<div class="footer">
    <div class="layui-container">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md4">
                <ul>
                    <li><strong>权益</strong></li>
                    <li>版权所有： © 2005-2021</li>
                    <li>ICP 备案：津ICP备19004899</li>
                </ul>
            </div>
            <div class="layui-col-md4">
                <ul>
                    <li><strong>联系客服</strong></li>
                    <li>站长邮箱：13765895164@163.com</li>
                    <li>站长QQ：2051591601</li>
                    <li>站长电话：13765895164</li>
                    <li>站长微信：lve123com</li>
                </ul>
            </div>
            <div class="layui-col-md4">
                <ul>
                    <li><strong>架构</strong></li>
                    <li>系统名称：辰平个人技术交流博客系统</li>
                    <li>系统版本：1.2</li>
                    <li>系统作者：陈平</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--右侧固定导航区域-->
<div class="nav-righ-fixed">
    <a class="item" href="javascript:openHtml('近期消息','./message.html','400px','550px');">
        <p>
            <i class="iconfont icon-xiaoxi"></i>
        </p>
        <p>消息</p>
    </a>
    <div class="item" onclick="openHtml('客服','.kflist','400px','550px',1);">
        <p>
            <i class="iconfont icon-kefu"></i>
        </p>
        <p>客服</p>
        <div class="kflist">
            <ul>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--路飞</span>
                        <span class="online">在线</span>
                    </a>
                </li>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--小唐</span>
                        <span class="online">在线</span>
                    </a>
                </li>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--小芳</span>
                        <span class="online">在线</span>
                    </a>
                </li>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--露露</span>
                        <span class="online">在线</span>
                    </a>
                </li>
                <li>
                    <a href="" title="点击咨询">
                        <i class="iconfont icon-kefu"></i>
                        <span>在线客服--林倩</span>
                        <span class="online">在线</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <a href="javascript:openHtml('反馈','./debug.html','400px','550px');" class="item">
        <p>
            <i class="iconfont icon-yijianfankui"></i>
        </p>
        <p>反馈</p>
    </a>
    <a href="javascript:backTop();" class="item">
        <p>
            <i class="iconfont icon-huidaodingbu"></i>
        </p>
        <p>顶部</p>
    </a>
</div>

</body>
</html>